<template>
  <div>
    <button @click="changefn">情况三ref定义的监听基本数据类型</button>

    <div>数量：{{ age }}</div>
  </div>
</template>
<script setup lang="ts"  name= "person555">
import { reactive, ref, toRefs, toRef, computed, watch } from "vue"; //使用那个函数前必须先导入那个函数

let age = reactive({
  name: "张三",
  ages: 15,
});

let changefn = () => {
  age.ages = age.ages + 1;
};
// watch("监视谁","回调函数")
//age监听的是谁  是reactive定义的数据   因此  是age
//若reactive定义的数据类型 (他也就只能定义复杂数据类型,)默认开始了深度监听 且该深度监视不可以关闭的   无论有多深都可以监听到

watch(age, (newvalue, oldvalue) => {
  console.log("age变化啦", newvalue, oldvalue); //新值旧值可能一样 这个不仅在vue3中有这个问题,vue2中也有这个问题,若直接替换内存地址  他的新旧之不同
});
</script>